// 调用
$(function() {
	
	var magnifierConfig = {
		magnifier : "#magnifier1",//最外层的大容器
		width : 350,//承载容器宽
		height : 290,//承载容器高
		moveWidth : null,//如果设置了移动盒子的宽度，则不计算缩放比例
		zoom : 5//缩放比例
	};

	var _magnifier = magnifier(magnifierConfig);

	/*magnifier的内置函数调用*/
	/*
		//设置magnifier函数的index属性
		_magnifier.setIndex(1);

		//重新载入主图,根据magnifier函数的index属性
		_magnifier.eqImg();
	*/



    //种类选中
    $('.proDetail .bookdetail b').on('click', function (){
        $(this).addClass('active').siblings('b').removeClass();
    })


        /**
     * 3. 需求: 商品数量增加
     */
         $('#addNum').click(function () {
            // 获取当前选中商品的个数
            let num = $(this).siblings('.pronum').val();
    
            // num自增
    
            // 赋值
            $(this).siblings('.pronum').val(++num);
    
        })
    
        /**
         * 4. 需求: 商品数量减伤
         */
        $('#reNum').click(function () {
            // 获取当前选中商品的个数
            let num = +$(this).siblings('.pronum').val();
    
            if (num === 1) {
                return
            }
            // 赋值// num自减
            $(this).siblings('.pronum').val(--num);
    
        })
    
        /**
         * 5. 需求: 输入商品数量
         */
        $('.pronum').keyup(function () {
    
            // 获取当前选中商品的个数
            let num = $(this).val();
    
            // 转换为数字
            num = parseInt(num)
    
            // 判断
            if (isNaN(num)) {
                $(this).val(num = 1)
            } else {
                $(this).val(num)
            }
        })


        // 设置移入事件

        $('.subp p').mouseover(function(){

            // 保存索引

            let index=$(this).index()

            $(this).addClass('on').siblings().removeClass('on')

            $('.sb').eq(index).addClass('act').siblings().removeClass('act')


        })

});